<template>
  <div id="app">
    <SiteTopbar></SiteTopbar>
    <Header></Header>
    <NavBar></NavBar>
    <router-view/>
    <Foot></Foot>
     <BackTop :height="100" :bottom="200">
        <div class="top">Top</div>
      </BackTop>
  </div>
</template>

<script>
import SiteTopbar from '@/components/siteTopbar/SiteTopbar'
import Header from '@/components/header/Header'
import NavBar from '@/components/navBar/NavBar'
import Foot from '@/components/foot/Foot'
export default {
  name:'App',
  components:{
    SiteTopbar,
    Header,
    NavBar,
    Foot
  }
}
</script>

<style lang="scss">
@import url(./assets/css/base.css);
.top{
        padding: 10px;
        background: rgba(0, 153, 229, .7);
        color: #fff;
        text-align: center;
        border-radius: 20px;
    }
</style>
